<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:cote="http://java.sun.com/jsf/composite/componentes">

	<ui:composition template="/plantillas/plantillaPrincipal.xhtml">
		<ui:define name="contenido">
			<f:view>
			
				<h:form id="formBusquedaFacturaPagar">
				
					<p:panel id="pnlBusquedaFacturasPagar" header="CONSULTAR FACTURAS POR PAGAR" style="width:480px;margin: 5px auto">

						<p:panelGrid>
							<p:row>
								<p:column>
									<h:outputLabel id="lblProveedorFP" value="Proveedor" />
								</p:column>
								<p:column>
									<p:inputText value="#{BKFacturasPorPagar.proveedorSeleccionado.razonSocial}" id="txtCourier" readonly="true" size="30" />
									<cote:componenteFindProveedor id="findProveedor" 
                                                                  lblbtnfind="Prov."                                                                                                      
                                                                  update=":formBusquedaFacturaPagar:txtCourier"/>
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblTipoMonedaFP" value="Tipo de Moneda" />
								</p:column>
								<p:column>
									<p:selectOneMenu id="cbxTipomonedaFP" style="width: 200px"
										value="#{BKFacturasPorPagar.tipoMonedaSeleccionado.id}"
										disabled="#{BKFacturasPorPagar.comboTipoMonedasBusqueda eq null?'true':'false'}">
										<f:selectItems value="#{BKFacturasPorPagar.comboTipoMonedasBusqueda}"/>
									</p:selectOneMenu>
								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<h:outputLabel id="lblNumeroFacturaFP" value="Numero Factura" />
								</p:column>
								<p:column>
									 <p:inputText value="#{BKFacturasPorPagar.numeroFactura}" id="txtNumeroFacturaFP" size="30" />
								</p:column>
							</p:row>
							
							<p:row>
								<p:column colspan="2" width="100" styleClass="styleAlignCenterColumn">
									<p:commandButton id="btnBuscarFacturaPagar" value="BUSCAR"
                                       icon="ui-icon-search"
                                       update=":formBusquedaFacturaPagar:pnlListarFacturasPagar,:msgs"
                                       actionListener="#{MBFacturasPagar.buscar}"
                                       ajax="true"
                                       style="font-size: 12px" />
                                    <p:commandButton id="btnLimpiarFacturasPagar" value="LIMPIAR"
                                       icon="ui-icon-wrench"
                                       update=":formBusquedaFacturaPagar:pnlBusquedaFacturasPagar,:msgs"
                                       actionListener="#{MBFacturasPagar.limpiar}"
                                       ajax="true"
                                       style="font-size: 12px"/>  
								</p:column>
							</p:row>	
						</p:panelGrid>


					</p:panel>
				
					<p:panel id="pnlListarFacturasPagar" header="Lista de Facturas por Pagar"
							 style="width: 100%;margin: 10px auto"
							 visible="#{BKFacturasPorPagar.listaFacturasPorPagar ne null}">
							 
						<p:dataTable id="dataTablaFacturasPorPagar" var="facturasPagar"
								     value="#{BKFacturasPorPagar.listaFacturasPorPagar}"
									 emptyMessage="No se encontraron facturas disponibles"
								     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
								     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
								     
								<p:columnGroup type="header">
						        	<p:row>
							        	<p:column headerText="Item" />
							        	<p:column headerText="Proveedor" />
							        	<p:column headerText="Numero Factura" />
							        	<p:column headerText="Estado" />
							        	<p:column headerText="Sub Total" />
							        	<p:column headerText="IGV" />
							        	<p:column headerText="Total" />
							        	<p:column headerText="Fecha Emision" />
							        	<p:column headerText="Fecha Cancelacion" />
							        	<p:column headerText="" />
							        </p:row>	
						        </p:columnGroup>   
						        
								<p:column id="idColumnaNum" style="width:5%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{rowIndex+1}" />
								</p:column>
								
								<p:column id="idColumnaProveedor" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasPagar.idProveedor.razonSocial}"/>
								</p:column>
								
								<p:column id="idColumnaNumFactura" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasPagar.numeroFactura}"/>
								</p:column>
								
								
								<p:column id="idColumnaEstado" style="width:10%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasPagar.estadoCancelacion eq 'C' ? 'Cancelado' : 'Por Cancelar'}"/>
								</p:column>

								<p:column id="idColumnaSubTotal" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasPagar.subTotal}">
										<f:convertNumber pattern="#,##0.00" locale="#{BKFacturasPorPagar.locale}"/>
									</h:outputText>
								</p:column>  
								
								<p:column id="idColumnaIgv" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasPagar.igv}">
										<f:convertNumber pattern="#,##0.00" locale="#{BKFacturasPorPagar.locale}"/>
									</h:outputText>
								</p:column>  
								

								<p:column id="idColumnaTotal" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasPagar.total}">
										<f:convertNumber pattern="#,##0.00" locale="#{BKFacturasPorPagar.locale}"/>
									</h:outputText>
								</p:column>  
								
								<p:column id="idColumnaFecEmision" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasPagar.fecEmision}">
										<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column> 
								
								<p:column id="idColumnaFecCancelacion" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasPagar.fecCancelacion}">
										<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column> 
								
								<p:column>
									<p:commandButton disabled="#{facturasPagar.fecCancelacion ne null}" icon="ui-icon-circle-check" title="#{message['general.button.cancelacion']}" 
	                               					 oncomplete="confirmacionCancelacion.show()" update=":formBusquedaFacturaPagar:displayCancelacion">		 
	                                    <f:setPropertyActionListener value="#{facturasPagar}" target="#{BKFacturasPorPagar.facturaSeleccionada}" />  
	                                </p:commandButton>
								</p:column>
						</p:dataTable>		     		 
					</p:panel>		 
					
					<p:dialog header="Cancelacion"  modal="true" widgetVar="confirmacionCancelacion" styleClass="styleAlignCenterColumn">
					<p:messages  id="msjPopupCancelacionFP"/>  
			    		<h:panelGrid id="displayCancelacion" columns="2" cellpadding="4" style="margin:0 auto;"> 
			    			
			    			<h:outputText value="Fecha Cancelacion"/>
			    			<p:calendar id="idtxtFechaCancelacionFP" showOn="button" value="#{BKFacturasPorPagar.fechaCancelacion}" pattern="dd-MM-yyyy"/>
			    			
				    		<p:commandButton value="Aceptar" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" 
					        				 actionListener="#{MBFacturasPagar.cancelacion(BKFacturasPorPagar.facturaSeleccionada)}" ajax="true" 
					        				 oncomplete="handleFacturasPagarRequest(xhr, status, args)"/>  
					        <p:commandButton value="Cancelar" styleClass="ui-confirmdialog-no" icon="ui-icon-close" oncomplete="confirmacionCancelacion.hide()"/> 
						</h:panelGrid>
					</p:dialog>	
				
				</h:form>
				
			</f:view>
		</ui:define>
	</ui:composition>		
</html>